<!-- 
 @Author: LW  
 @Date: 2021-01-08 11:30:38  
 @function: iconfont选择框
 -->
<template>
  <div>
    <el-form :model="formInfo">
      <div style="height:400px; overflow-y:auto">
        <ul class="icon_lists dib-box">
          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconchakansaomiaojian"></span>
            <div class="name">查看扫描件</div>
            <div class="code-name">.iconchakansaomiaojian</div>
          </li>
          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconshangchuansaomiaojian"></span>
            <div class="name">上传扫描件</div>
            <div class="code-name">.iconshangchuansaomiaojian</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconcuowu"></span>
            <div class="name">错误</div>
            <div class="code-name">.iconcuowu</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconluruwancheng"></span>
            <div class="name">录入完成</div>
            <div class="code-name">.iconluruwancheng</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconguihuan"></span>
            <div class="name">归还</div>
            <div class="code-name">.iconguihuan</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconneiwuguanli"></span>
            <div class="name">内务管理</div>
            <div class="code-name">.iconneiwuguanli</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont icondanganguanli"></span>
            <div class="name">档案管理</div>
            <div class="code-name">.icondanganguanli</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconyunweixitong"></span>
            <div class="name">运维系统</div>
            <div class="code-name">.iconyunweixitong</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconquedingshanchu"></span>
            <div class="name">确定删除</div>
            <div class="code-name">.iconquedingshanchu</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconmima1"></span>
            <div class="name">密码</div>
            <div class="code-name">.iconmima1</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconzhanghao"></span>
            <div class="name">账号</div>
            <div class="code-name">.iconzhanghao</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconbingzhuangtu"></span>
            <div class="name">饼状图</div>
            <div class="code-name">.iconbingzhuangtu</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconExcel"></span>
            <div class="name">Excel</div>
            <div class="code-name">.iconExcel</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconbianji1"></span>
            <div class="name">编辑</div>
            <div class="code-name">.iconbianji1</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont icondayin2"></span>
            <div class="name">打印</div>
            <div class="code-name">.icondayin2</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconpdf"></span>
            <div class="name">pdf</div>
            <div class="code-name">.iconpdf</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconguanbi2"></span>
            <div class="name">关闭</div>
            <div class="code-name">.iconguanbi2</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconchaxunjieguo"></span>
            <div class="name">查询结果</div>
            <div class="code-name">.iconchaxunjieguo</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont icondanganleixing"></span>
            <div class="name">档案类型</div>
            <div class="code-name">.icondanganleixing</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconchaxuntiaojian"></span>
            <div class="name">查询条件</div>
            <div class="code-name">.iconchaxuntiaojian</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconchengguoguanli"></span>
            <div class="name">成果管理</div>
            <div class="code-name">.iconchengguoguanli</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconshujuliebiao-"></span>
            <div class="name">数据列表-</div>
            <div class="code-name">.iconshujuliebiao-</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconxinzengdangan"></span>
            <div class="name">新增档案</div>
            <div class="code-name">.iconxinzengdangan</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconjianzhudanwei"></span>
            <div class="name">建筑单位</div>
            <div class="code-name">.iconjianzhudanwei</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconquxiantu"></span>
            <div class="name">曲线图</div>
            <div class="code-name">.iconquxiantu</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconshujutongji"></span>
            <div class="name">数据统计</div>
            <div class="code-name">.iconshujutongji</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconjibenxinxi"></span>
            <div class="name">基本信息</div>
            <div class="code-name">.iconjibenxinxi</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconzerenren"></span>
            <div class="name">责任人</div>
            <div class="code-name">.iconzerenren</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont icondanganluru"></span>
            <div class="name">档案录入</div>
            <div class="code-name">.icondanganluru</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconxiangyoujiantou1"></span>
            <div class="name">向右箭头</div>
            <div class="code-name">.iconxiangyoujiantou1</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont icondanganchaxun"></span>
            <div class="name">档案查询</div>
            <div class="code-name">.icondanganchaxun</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconshujukapian"></span>
            <div class="name">数据卡片</div>
            <div class="code-name">.iconshujukapian</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconshijian1"></span>
            <div class="name">时间</div>
            <div class="code-name">.iconshijian1</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconshanchu"></span>
            <div class="name">删除</div>
            <div class="code-name">.iconshanchu</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont icondanganjieyue11"></span>
            <div class="name">档案借阅</div>
            <div class="code-name">.icondanganjieyue11</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconriqi"></span>
            <div class="name">日期</div>
            <div class="code-name">.iconriqi</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconxiangxiajiantou"></span>
            <div class="name">向下箭头</div>
            <div class="code-name">.iconxiangxiajiantou</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont icondanganxiugai"></span>
            <div class="name">档案修改</div>
            <div class="code-name">.icondanganxiugai</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconsanjiaojiantou"></span>
            <div class="name">三角箭头</div>
            <div class="code-name">.iconsanjiaojiantou</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconyeshu"></span>
            <div class="name">页数</div>
            <div class="code-name">.iconyeshu</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconxitongshezhi"></span>
            <div class="name">系统设置</div>
            <div class="code-name">.iconxitongshezhi</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconzhankai1"></span>
            <div class="name">展开</div>
            <div class="code-name">.iconzhankai1</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconshujuliebiao"></span>
            <div class="name">数据列表</div>
            <div class="code-name">.iconshujuliebiao</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconshuliebiao"></span>
            <div class="name">数列表</div>
            <div class="code-name">.iconshuliebiao</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconshiwudangan"></span>
            <div class="name">实物档案</div>
            <div class="code-name">.iconshiwudangan</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconjijiandangan"></span>
            <div class="name">基建档案</div>
            <div class="code-name">.iconjijiandangan</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconshengxiangdangan"></span>
            <div class="name">声像档案</div>
            <div class="code-name">.iconshengxiangdangan</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconwenshudangan"></span>
            <div class="name">文书档案</div>
            <div class="code-name">.iconwenshudangan</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconwushujuhuogui"></span>
            <div class="name">无数据货柜</div>
            <div class="code-name">.iconwushujuhuogui</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconhuogui"></span>
            <div class="name">货柜</div>
            <div class="code-name">.iconhuogui</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont icons_ic_danganshi"></span>
            <div class="name">档案室</div>
            <div class="code-name">.icons_ic_danganshi</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont icondanganjieyue"></span>
            <div class="name">档案借阅</div>
            <div class="code-name">.icondanganjieyue</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont icondangantongji"></span>
            <div class="name">档案统计</div>
            <div class="code-name">.icondangantongji</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconfenzucopy"></span>
            <div class="name">档案录入</div>
            <div class="code-name">.iconfenzucopy</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont icontongji2x"></span>
            <div class="name">数据统计</div>
            <div class="code-name">.icontongji2x</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconguandao1"></span>
            <div class="name">管道</div>
            <div class="code-name">.iconguandao1</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconmanagement_Y"></span>
            <div class="name">management_Y</div>
            <div class="code-name">.iconmanagement_Y</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconpicture_Y"></span>
            <div class="name">picture_Y</div>
            <div class="code-name">.iconpicture_Y</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconInquire_Y"></span>
            <div class="name">Inquire_Y</div>
            <div class="code-name">.iconInquire_Y</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconiconmanagement_Y"></span>
            <div class="name">management_N</div>
            <div class="code-name">.iconiconmanagement_Y</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconxiangyoujiantou"></span>
            <div class="name">25向右箭头</div>
            <div class="code-name">.iconxiangyoujiantou</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconguanxianbinghaidian"></span>
            <div class="name">管线病害点</div>
            <div class="code-name">.iconguanxianbinghaidian</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconjiankong"></span>
            <div class="name">监控</div>
            <div class="code-name">.iconjiankong</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconbengzhan"></span>
            <div class="name">泵站</div>
            <div class="code-name">.iconbengzhan</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconguanxiandian"></span>
            <div class="name">管线点</div>
            <div class="code-name">.iconguanxiandian</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconchuanganqi"></span>
            <div class="name">传感器</div>
            <div class="code-name">.iconchuanganqi</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconjianchajing"></span>
            <div class="name">检查井</div>
            <div class="code-name">.iconjianchajing</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconyushuikou"></span>
            <div class="name">雨水口</div>
            <div class="code-name">.iconyushuikou</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconyuwuhunjiedian"></span>
            <div class="name">雨污混接点</div>
            <div class="code-name">.iconyuwuhunjiedian</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconwushuichang"></span>
            <div class="name">污水厂</div>
            <div class="code-name">.iconwushuichang</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconpaifangkou"></span>
            <div class="name">排放口</div>
            <div class="code-name">.iconpaifangkou</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconxuncharenwudian"></span>
            <div class="name">巡查任务点</div>
            <div class="code-name">.iconxuncharenwudian</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconwushuichulichang1"></span>
            <div class="name">污水处理厂</div>
            <div class="code-name">.iconwushuichulichang1</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconbiaozhu"></span>
            <div class="name">标注</div>
            <div class="code-name">.iconbiaozhu</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont icongongju"></span>
            <div class="name">工具</div>
            <div class="code-name">.icongongju</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconcejuli"></span>
            <div class="name">测距离</div>
            <div class="code-name">.iconcejuli</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconhuiduobianxing"></span>
            <div class="name">绘多边形</div>
            <div class="code-name">.iconhuiduobianxing</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconqingchu"></span>
            <div class="name">清除</div>
            <div class="code-name">.iconqingchu</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont icondayin1"></span>
            <div class="name">打印</div>
            <div class="code-name">.icondayin1</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconcemianji"></span>
            <div class="name">侧面积</div>
            <div class="code-name">.iconcemianji</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconyaosuchaxun"></span>
            <div class="name">要素查询</div>
            <div class="code-name">.iconyaosuchaxun</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconjieping"></span>
            <div class="name">截屏</div>
            <div class="code-name">.iconjieping</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconhuidian"></span>
            <div class="name">绘点</div>
            <div class="code-name">.iconhuidian</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconshezhi1"></span>
            <div class="name">设置</div>
            <div class="code-name">.iconshezhi1</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconsuoxiao"></span>
            <div class="name">缩小</div>
            <div class="code-name">.iconsuoxiao</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconfangda"></span>
            <div class="name">放大</div>
            <div class="code-name">.iconfangda</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconquanping1"></span>
            <div class="name">全屏</div>
            <div class="code-name">.iconquanping1</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconyeweiji"></span>
            <div class="name">液位计</div>
            <div class="code-name">.iconyeweiji</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconliuliangji-"></span>
            <div class="name">流量计-</div>
            <div class="code-name">.iconliuliangji-</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconliusuyi"></span>
            <div class="name">流速仪</div>
            <div class="code-name">.iconliusuyi</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconshuizhijianceyi"></span>
            <div class="name">水质检测仪</div>
            <div class="code-name">.iconshuizhijianceyi</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconyuliangji"></span>
            <div class="name">雨量计</div>
            <div class="code-name">.iconyuliangji</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont icondidian"></span>
            <div class="name">地点</div>
            <div class="code-name">.icondidian</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconhuiyuan"></span>
            <div class="name">绘圆</div>
            <div class="code-name">.iconhuiyuan</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconhuijuxing1"></span>
            <div class="name">绘矩形</div>
            <div class="code-name">.iconhuijuxing1</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont icondingwei"></span>
            <div class="name">定位</div>
            <div class="code-name">.icondingwei</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconpaiwuqiye"></span>
            <div class="name">排污企业</div>
            <div class="code-name">.iconpaiwuqiye</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconshuaxin"></span>
            <div class="name">刷新</div>
            <div class="code-name">.iconshuaxin</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconqiehuan"></span>
            <div class="name">切换</div>
            <div class="code-name">.iconqiehuan</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconzhongdianbinghai"></span>
            <div class="name">重点病害</div>
            <div class="code-name">.iconzhongdianbinghai</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconxiangmuguanli"></span>
            <div class="name">项目管理</div>
            <div class="code-name">.iconxiangmuguanli</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconxunjianyanghu"></span>
            <div class="name">巡检养护</div>
            <div class="code-name">.iconxunjianyanghu</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconlie"></span>
            <div class="name">列</div>
            <div class="code-name">.iconlie</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont icontulishuoming"></span>
            <div class="name">图例说明</div>
            <div class="code-name">.icontulishuoming</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconneilao_1"></span>
            <div class="name">内涝_1</div>
            <div class="code-name">.iconneilao_1</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconliuchengbiaodan"></span>
            <div class="name">流程表单</div>
            <div class="code-name">.iconliuchengbiaodan</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconzidianguanli"></span>
            <div class="name">字典管理</div>
            <div class="code-name">.iconzidianguanli</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconreply"></span>
            <div class="name">转交</div>
            <div class="code-name">.iconreply</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconfont03"></span>
            <div class="name">查看</div>
            <div class="code-name">.iconfont03</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconchakan"></span>
            <div class="name">查看</div>
            <div class="code-name">.iconchakan</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconzhongzhi"></span>
            <div class="name">终止</div>
            <div class="code-name">.iconzhongzhi</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconbp-"></span>
            <div class="name">查看</div>
            <div class="code-name">.iconbp-</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont icondayin"></span>
            <div class="name">打印</div>
            <div class="code-name">.icondayin</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconzhuanjiao"></span>
            <div class="name">转交</div>
            <div class="code-name">.iconzhuanjiao</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconliuchengtu"></span>
            <div class="name">流程图</div>
            <div class="code-name">.iconliuchengtu</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconyiyue"></span>
            <div class="name">已阅</div>
            <div class="code-name">.iconyiyue</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconchuliguocheng"></span>
            <div class="name">处理过程-线性</div>
            <div class="code-name">.iconchuliguocheng</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconfasong"></span>
            <div class="name">发送</div>
            <div class="code-name">.iconfasong</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconbaocun"></span>
            <div class="name">保存 线性</div>
            <div class="code-name">.iconbaocun</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconwanchengchenggong"></span>
            <div class="name">完成 成功</div>
            <div class="code-name">.iconwanchengchenggong</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconguanbi1"></span>
            <div class="name">关 闭</div>
            <div class="code-name">.iconguanbi1</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconchaosong"></span>
            <div class="name">抄送</div>
            <div class="code-name">.iconchaosong</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconhuiche"></span>
            <div class="name">退回</div>
            <div class="code-name">.iconhuiche</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconjiaqian"></span>
            <div class="name">加签</div>
            <div class="code-name">.iconjiaqian</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconrefresh"></span>
            <div class="name">新东方-刷新图标</div>
            <div class="code-name">.iconrefresh</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconanniu1"></span>
            <div class="name">按钮</div>
            <div class="code-name">.iconanniu1</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconanniu2"></span>
            <div class="name">按钮</div>
            <div class="code-name">.iconanniu2</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconliucheng1"></span>
            <div class="name">流程</div>
            <div class="code-name">.iconliucheng1</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconnav_media"></span>
            <div class="name">媒体</div>
            <div class="code-name">.iconnav_media</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconguandao"></span>
            <div class="name">管道</div>
            <div class="code-name">.iconguandao</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconyouwenti"></span>
            <div class="name">有问题</div>
            <div class="code-name">.iconyouwenti</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconbusiness"></span>
            <div class="name">业务</div>
            <div class="code-name">.iconbusiness</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconzhuti"></span>
            <div class="name">主题</div>
            <div class="code-name">.iconzhuti</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconxukezhengxinxi"></span>
            <div class="name">许可证信息</div>
            <div class="code-name">.iconxukezhengxinxi</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconshigongdanwei"></span>
            <div class="name">施工单位</div>
            <div class="code-name">.iconshigongdanwei</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconhetongguanli-"></span>
            <div class="name">合同管理</div>
            <div class="code-name">.iconhetongguanli-</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconxiangmuxinxi"></span>
            <div class="name">项目信息</div>
            <div class="code-name">.iconxiangmuxinxi</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont icongongcheng-"></span>
            <div class="name">工程-46</div>
            <div class="code-name">.icongongcheng-</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconqiyexinxi"></span>
            <div class="name">企业信息</div>
            <div class="code-name">.iconqiyexinxi</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconruhehupaiwukou"></span>
            <div class="name">入河湖排污口</div>
            <div class="code-name">.iconruhehupaiwukou</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconpaiwuxuke"></span>
            <div class="name">排污许可</div>
            <div class="code-name">.iconpaiwuxuke</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconyewuguanli"></span>
            <div class="name">业务管理</div>
            <div class="code-name">.iconyewuguanli</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont icondashujufenxi"></span>
            <div class="name">大数据分析</div>
            <div class="code-name">.icondashujufenxi</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconwushuichulichang"></span>
            <div class="name">污水处理厂</div>
            <div class="code-name">.iconwushuichulichang</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconpaishui"></span>
            <div class="name">排水</div>
            <div class="code-name">.iconpaishui</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont icongis_yizhangtuguanli"></span>
            <div class="name">gis_一张图管理</div>
            <div class="code-name">.icongis_yizhangtuguanli</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconyingyongfuwu"></span>
            <div class="name">应用服务</div>
            <div class="code-name">.iconyingyongfuwu</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconfuwuqi"></span>
            <div class="name">服务器</div>
            <div class="code-name">.iconfuwuqi</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconxitongguanli_canshushezhi"></span>
            <div class="name">系统管理_参数设置</div>
            <div class="code-name">.iconxitongguanli_canshushezhi</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconliuliangyunpingtaitubiao02"></span>
            <div class="name">首页</div>
            <div class="code-name">.iconliuliangyunpingtaitubiao02</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconcaidan1"></span>
            <div class="name">菜单</div>
            <div class="code-name">.iconcaidan1</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconcaidan"></span>
            <div class="name">菜单</div>
            <div class="code-name">.iconcaidan</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconzaixianim"></span>
            <div class="name">在线-im</div>
            <div class="code-name">.iconzaixianim</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont icontuichu6"></span>
            <div class="name">退出 (6)</div>
            <div class="code-name">.icontuichu6</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconshixinyuanxing"></span>
            <div class="name">实心圆形</div>
            <div class="code-name">.iconshixinyuanxing</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconziyuanxhdpi"></span>
            <div class="name">注销</div>
            <div class="code-name">.iconziyuanxhdpi</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconweibiaoti46"></span>
            <div class="name">代码生成</div>
            <div class="code-name">.iconweibiaoti46</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconquanxianguankong"></span>
            <div class="name">权限管控</div>
            <div class="code-name">.iconquanxianguankong</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconanniuzu"></span>
            <div class="name">按钮组</div>
            <div class="code-name">.iconanniuzu</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconjueseguanli"></span>
            <div class="name">角色管理</div>
            <div class="code-name">.iconjueseguanli</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconsystem-copy"></span>
            <div class="name">系统</div>
            <div class="code-name">.iconsystem-copy</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconanniu"></span>
            <div class="name">按钮</div>
            <div class="code-name">.iconanniu</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconliucheng"></span>
            <div class="name">流程</div>
            <div class="code-name">.iconliucheng</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconxitong"></span>
            <div class="name">系统</div>
            <div class="code-name">.iconxitong</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconpreferences"></span>
            <div class="name">流程</div>
            <div class="code-name">.iconpreferences</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconjiaose"></span>
            <div class="name">角色</div>
            <div class="code-name">.iconjiaose</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconjiaoseguanli1"></span>
            <div class="name">角色管理</div>
            <div class="code-name">.iconjiaoseguanli1</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconcaidanguanli"></span>
            <div class="name">菜单管理</div>
            <div class="code-name">.iconcaidanguanli</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconzichanfuzhaibiao"></span>
            <div class="name">1资产负债表</div>
            <div class="code-name">.iconzichanfuzhaibiao</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconlianxixinxi"></span>
            <div class="name">1联系信息</div>
            <div class="code-name">.iconlianxixinxi</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconweiguichuli"></span>
            <div class="name">1违规处理</div>
            <div class="code-name">.iconweiguichuli</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont icontianyanditu"></span>
            <div class="name">天眼地图</div>
            <div class="code-name">.icontianyanditu</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont icontianyanditu1"></span>
            <div class="name">天眼地图</div>
            <div class="code-name">.icontianyanditu1</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconcaiwufenxi"></span>
            <div class="name">财务分析</div>
            <div class="code-name">.iconcaiwufenxi</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconfenhongqingkuang"></span>
            <div class="name">分红情况</div>
            <div class="code-name">.iconfenhongqingkuang</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont icongaoguanxinxi"></span>
            <div class="name">高管信息</div>
            <div class="code-name">.icongaoguanxinxi</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont icongonggaocuigao"></span>
            <div class="name">公告催告</div>
            <div class="code-name">.icongonggaocuigao</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconguanlijijin"></span>
            <div class="name">管理基金</div>
            <div class="code-name">.iconguanlijijin</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconjijinguanliren"></span>
            <div class="name">基金管理人</div>
            <div class="code-name">.iconjijinguanliren</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconzuhejiekou"></span>
            <div class="name">组合接口</div>
            <div class="code-name">.iconzuhejiekou</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconxianzhixiaofeiling"></span>
            <div class="name">限制消费令</div>
            <div class="code-name">.iconxianzhixiaofeiling</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconxunjia"></span>
            <div class="name">询价</div>
            <div class="code-name">.iconxunjia</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconanjian"></span>
            <div class="name">案件</div>
            <div class="code-name">.iconanjian</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconzoushitu"></span>
            <div class="name">走势图</div>
            <div class="code-name">.iconzoushitu</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconzizhi"></span>
            <div class="name">资质</div>
            <div class="code-name">.iconzizhi</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont icongongchengxiangmu"></span>
            <div class="name">工程项目</div>
            <div class="code-name">.icongongchengxiangmu</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconbili"></span>
            <div class="name">比例</div>
            <div class="code-name">.iconbili</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconjianzhu"></span>
            <div class="name">建筑</div>
            <div class="code-name">.iconjianzhu</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconzizhiheimingdan"></span>
            <div class="name">资质黑名单</div>
            <div class="code-name">.iconzizhiheimingdan</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconzizhishixin"></span>
            <div class="name">资质失信</div>
            <div class="code-name">.iconzizhishixin</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconzizhibiangeng"></span>
            <div class="name">资质变更</div>
            <div class="code-name">.iconzizhibiangeng</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconzizhibulianghangwei"></span>
            <div class="name">资质不良行为</div>
            <div class="code-name">.iconzizhibulianghangwei</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconzizhilianghaohangwei"></span>
            <div class="name">资质良好行为</div>
            <div class="code-name">.iconzizhilianghaohangwei</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconyingyezhizhaozuofei"></span>
            <div class="name">营业执照作废</div>
            <div class="code-name">.iconyingyezhizhaozuofei</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconicon-import"></span>
            <div class="name">增量信息</div>
            <div class="code-name">.iconicon-import</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconqiyeyunyingfenxi"></span>
            <div class="name">行业研究分析</div>
            <div class="code-name">.iconqiyeyunyingfenxi</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconshujujianmo"></span>
            <div class="name">营销模型</div>
            <div class="code-name">.iconshujujianmo</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconfengxianfenxi"></span>
            <div class="name">风险模型</div>
            <div class="code-name">.iconfengxianfenxi</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconkeshangxinxi"></span>
            <div class="name">客商信息</div>
            <div class="code-name">.iconkeshangxinxi</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconpiliangxinxi"></span>
            <div class="name">批量信息</div>
            <div class="code-name">.iconpiliangxinxi</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconappjieru"></span>
            <div class="name">app接入</div>
            <div class="code-name">.iconappjieru</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconwangzhanjieru"></span>
            <div class="name">网站接入</div>
            <div class="code-name">.iconwangzhanjieru</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconweixinjieru"></span>
            <div class="name">微信接入</div>
            <div class="code-name">.iconweixinjieru</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconshujuweidu"></span>
            <div class="name">数据维度</div>
            <div class="code-name">.iconshujuweidu</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconbiangengjilu"></span>
            <div class="name">变更记录</div>
            <div class="code-name">.iconbiangengjilu</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconfalvsusong"></span>
            <div class="name">法律诉讼</div>
            <div class="code-name">.iconfalvsusong</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont icongaoguan"></span>
            <div class="name">高管</div>
            <div class="code-name">.icongaoguan</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconjingyingyichang"></span>
            <div class="name">经营异常</div>
            <div class="code-name">.iconjingyingyichang</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconqiyenianbao"></span>
            <div class="name">企业年报</div>
            <div class="code-name">.iconqiyenianbao</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconshangbiaoxinxi"></span>
            <div class="name">商标信息</div>
            <div class="code-name">.iconshangbiaoxinxi</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconshehuishiti"></span>
            <div class="name">社会实体</div>
            <div class="code-name">.iconshehuishiti</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconshixinren"></span>
            <div class="name">失信人</div>
            <div class="code-name">.iconshixinren</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconwangzhanbeian"></span>
            <div class="name">网站备案</div>
            <div class="code-name">.iconwangzhanbeian</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconzhuanlizhuzuo"></span>
            <div class="name">专利著作</div>
            <div class="code-name">.iconzhuanlizhuzuo</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconjianyizhuxiao"></span>
            <div class="name">简易注销</div>
            <div class="code-name">.iconjianyizhuxiao</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconkehu"></span>
            <div class="name">客户</div>
            <div class="code-name">.iconkehu</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconshouyiren"></span>
            <div class="name">受益人</div>
            <div class="code-name">.iconshouyiren</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont icondikuaigongshi"></span>
            <div class="name">地块公示</div>
            <div class="code-name">.icondikuaigongshi</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconsimujijin"></span>
            <div class="name">私募基金</div>
            <div class="code-name">.iconsimujijin</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont icontouzijigou"></span>
            <div class="name">投资机构</div>
            <div class="code-name">.icontouzijigou</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont icondianxinxuke"></span>
            <div class="name">电信许可</div>
            <div class="code-name">.icondianxinxuke</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconzonggongsi"></span>
            <div class="name">总公司</div>
            <div class="code-name">.iconzonggongsi</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconzhaopin"></span>
            <div class="name">招聘</div>
            <div class="code-name">.iconzhaopin</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconshuishouweifa"></span>
            <div class="name">税收违法</div>
            <div class="code-name">.iconshuishouweifa</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconsongdagonggao"></span>
            <div class="name">送达公告</div>
            <div class="code-name">.iconsongdagonggao</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont icongongyingshang"></span>
            <div class="name">供应商</div>
            <div class="code-name">.icongongyingshang</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont icontudizhuanrang"></span>
            <div class="name">土地转让</div>
            <div class="code-name">.icontudizhuanrang</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont icontudidiya"></span>
            <div class="name">土地抵押</div>
            <div class="code-name">.icontudidiya</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconlianxinxi"></span>
            <div class="name">立案信息</div>
            <div class="code-name">.iconlianxinxi</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconhuanbaochufa"></span>
            <div class="name">环保处罚</div>
            <div class="code-name">.iconhuanbaochufa</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconduiwaidanbao"></span>
            <div class="name">1对外担保</div>
            <div class="code-name">.iconduiwaidanbao</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconzhibiao-niandu"></span>
            <div class="name">1指标-年度</div>
            <div class="code-name">.iconzhibiao-niandu</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconzhengquanxinxi"></span>
            <div class="name">1证券信息</div>
            <div class="code-name">.iconzhengquanxinxi</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconlirunbiao"></span>
            <div class="name">1利润表</div>
            <div class="code-name">.iconlirunbiao</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconxianjinliuliangbiao"></span>
            <div class="name">1现金流量表</div>
            <div class="code-name">.iconxianjinliuliangbiao</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconbeizhu"></span>
            <div class="name">beizhu</div>
            <div class="code-name">.iconbeizhu</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconbianqian"></span>
            <div class="name">bianqian</div>
            <div class="code-name">.iconbianqian</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconcha"></span>
            <div class="name">cha</div>
            <div class="code-name">.iconcha</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconbofang"></span>
            <div class="name">bofang</div>
            <div class="code-name">.iconbofang</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconjia"></span>
            <div class="name">jia</div>
            <div class="code-name">.iconjia</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconbianji"></span>
            <div class="name">bianji</div>
            <div class="code-name">.iconbianji</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont icondinge"></span>
            <div class="name">dinge</div>
            <div class="code-name">.icondinge</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont icondinwei"></span>
            <div class="name">dinwei</div>
            <div class="code-name">.icondinwei</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont icongeren"></span>
            <div class="name">geren</div>
            <div class="code-name">.icongeren</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconfanghui"></span>
            <div class="name">fanghui</div>
            <div class="code-name">.iconfanghui</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconguanbi"></span>
            <div class="name">guanbi</div>
            <div class="code-name">.iconguanbi</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconchouti"></span>
            <div class="name">chouti</div>
            <div class="code-name">.iconchouti</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconfx"></span>
            <div class="name">fx</div>
            <div class="code-name">.iconfx</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconliandai"></span>
            <div class="name">liandai</div>
            <div class="code-name">.iconliandai</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconcai"></span>
            <div class="name">cai</div>
            <div class="code-name">.iconcai</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconjiajia"></span>
            <div class="name">jiajia</div>
            <div class="code-name">.iconjiajia</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconguangbil"></span>
            <div class="name">guangbil</div>
            <div class="code-name">.iconguangbil</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconlianjie"></span>
            <div class="name">lianjie</div>
            <div class="code-name">.iconlianjie</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconfenxiang"></span>
            <div class="name">fenxiang</div>
            <div class="code-name">.iconfenxiang</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont icondaochu"></span>
            <div class="name">daochu</div>
            <div class="code-name">.icondaochu</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconerweima"></span>
            <div class="name">erweima</div>
            <div class="code-name">.iconerweima</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconlaihui"></span>
            <div class="name">laihui</div>
            <div class="code-name">.iconlaihui</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconliulan"></span>
            <div class="name">liulan</div>
            <div class="code-name">.iconliulan</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconCombinedShape"></span>
            <div class="name">Combined Shape</div>
            <div class="code-name">.iconCombinedShape</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconqianbao"></span>
            <div class="name">qianbao</div>
            <div class="code-name">.iconqianbao</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconshang"></span>
            <div class="name">shang</div>
            <div class="code-name">.iconshang</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconshanchuang"></span>
            <div class="name">shanchuang</div>
            <div class="code-name">.iconshanchuang</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconqian"></span>
            <div class="name">qian</div>
            <div class="code-name">.iconqian</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconjiesuuo"></span>
            <div class="name">jiesuuo</div>
            <div class="code-name">.iconjiesuuo</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconshangshang"></span>
            <div class="name">shangshang</div>
            <div class="code-name">.iconshangshang</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconquanping"></span>
            <div class="name">quanping</div>
            <div class="code-name">.iconquanping</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconshouji"></span>
            <div class="name">shouji</div>
            <div class="code-name">.iconshouji</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconmulu"></span>
            <div class="name">mulu</div>
            <div class="code-name">.iconmulu</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconwaancheng"></span>
            <div class="name">waancheng</div>
            <div class="code-name">.iconwaancheng</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconweb"></span>
            <div class="name">web</div>
            <div class="code-name">.iconweb</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconmima"></span>
            <div class="name">mima</div>
            <div class="code-name">.iconmima</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconwangchengw"></span>
            <div class="name">wangchengw</div>
            <div class="code-name">.iconwangchengw</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconsanc"></span>
            <div class="name">sanc</div>
            <div class="code-name">.iconsanc</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconshanghua"></span>
            <div class="name">shanghua</div>
            <div class="code-name">.iconshanghua</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconshangchu"></span>
            <div class="name">shangchu</div>
            <div class="code-name">.iconshangchu</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconshijian"></span>
            <div class="name">shijian</div>
            <div class="code-name">.iconshijian</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconxiazai"></span>
            <div class="name">xiazai</div>
            <div class="code-name">.iconxiazai</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconshaxin"></span>
            <div class="name">shaxin</div>
            <div class="code-name">.iconshaxin</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconsousuo"></span>
            <div class="name">sousuo</div>
            <div class="code-name">.iconsousuo</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconxiao"></span>
            <div class="name">xiao</div>
            <div class="code-name">.iconxiao</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconxin"></span>
            <div class="name">xin</div>
            <div class="code-name">.iconxin</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconxiaoxi"></span>
            <div class="name">xiaoxi</div>
            <div class="code-name">.iconxiaoxi</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconxianji"></span>
            <div class="name">xianji</div>
            <div class="code-name">.iconxianji</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconyouxiang"></span>
            <div class="name">youxiang</div>
            <div class="code-name">.iconyouxiang</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont icontishi"></span>
            <div class="name">tishi</div>
            <div class="code-name">.icontishi</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconnanguo"></span>
            <div class="name">nanguo</div>
            <div class="code-name">.iconnanguo</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconshouqi"></span>
            <div class="name">shouqi</div>
            <div class="code-name">.iconshouqi</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconzhankai"></span>
            <div class="name">zhankai</div>
            <div class="code-name">.iconzhankai</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconxia"></span>
            <div class="name">xia</div>
            <div class="code-name">.iconxia</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconyuedu"></span>
            <div class="name">yuedu</div>
            <div class="code-name">.iconyuedu</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconshuoming"></span>
            <div class="name">shuoming</div>
            <div class="code-name">.iconshuoming</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconwenjian"></span>
            <div class="name">wenjian</div>
            <div class="code-name">.iconwenjian</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconwenjianjia"></span>
            <div class="name">wenjianjia</div>
            <div class="code-name">.iconwenjianjia</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconshouye"></span>
            <div class="name">shouye</div>
            <div class="code-name">.iconshouye</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconzk"></span>
            <div class="name">zk</div>
            <div class="code-name">.iconzk</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconzhuanhuan"></span>
            <div class="name">zhuanhuan</div>
            <div class="code-name">.iconzhuanhuan</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconzuozuo"></span>
            <div class="name">zuozuo</div>
            <div class="code-name">.iconzuozuo</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconyoou"></span>
            <div class="name">yoou</div>
            <div class="code-name">.iconyoou</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconxinxinx"></span>
            <div class="name">xinxinx</div>
            <div class="code-name">.iconxinxinx</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconzuo"></span>
            <div class="name">zuo</div>
            <div class="code-name">.iconzuo</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconyouyouy"></span>
            <div class="name">youyouy</div>
            <div class="code-name">.iconyouyouy</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconshezhi"></span>
            <div class="name">shezhi</div>
            <div class="code-name">.iconshezhi</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconShape"></span>
            <div class="name">Shape</div>
            <div class="code-name">.iconShape</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconwunai"></span>
            <div class="name">wunai</div>
            <div class="code-name">.iconwunai</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont icontupian"></span>
            <div class="name">tupian</div>
            <div class="code-name">.icontupian</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconyouyoou"></span>
            <div class="name">youyoou</div>
            <div class="code-name">.iconyouyoou</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconxiangmu"></span>
            <div class="name">xiangmu</div>
            <div class="code-name">.iconxiangmu</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconzang"></span>
            <div class="name">zang</div>
            <div class="code-name">.iconzang</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconrenwu"></span>
            <div class="name">任务</div>
            <div class="code-name">.iconrenwu</div>
          </li>

          <li class="dib" @dblclick="selectClick">
            <span class="icon iconfont iconjiaoseguanli"></span>
            <div class="name">角色管理</div>
            <div class="code-name">.iconjiaoseguanli</div>
          </li>
        </ul>
      </div>
    </el-form>
    <div slot="footer " class="el-dialog__footer">
      <el-button size="mini" @click="closeDialog()">取消</el-button>
    </div>
  </div>
</template>
<script>
export default {
  //组件实例的作用域是孤立的。这意味着不能 (也不应该) 在子组件的模板内直接引用父组件的数据。要让子组件使用父组件的数据，需要通过子组件的 props 选项
  //在模板中，要动态地绑定父组件的数据到子模板的 props，与绑定到任何普通的HTML特性相类似，就是用 v-bind。每当父组件的数据变化时，该变化也会传导给子组件
  props: ["formInfo"], //父界面v-bind:editInfo一致
  components: {},
  data() {
    return {
      loading: false //是显示加载
    };
  },
  /**html加载完成之前，执行。执行顺序：父组件-子组件 */
  created() {},
  /**[页面初始化方法]html加载完成后执行。执行顺序：子组件-父组件*/
  mounted() {},
  methods: {
    //选择标签
    selectClick(e) {
      this.$emit("callBack", e.target.classList[2]);
    },
    //关闭增加弹出框
    closeDialog() {
      this.$emit("callBack", null);
    }
  }
};
</script>
<style lang="scss" scoped>
@import "../../assets/css/common/iconfont.com.scss";
@import "../../assets/css/common/iconfont.cube.scss";
</style>